<template>
    <div class="user">
        <van-nav-bar title="隐私政策" left-text="" right-text="" left-arrow @click-left="onClickLeft"
            >
            <template #left>
                <van-icon name="cross" size="19" color="#000" />
            </template>
            <!-- <template #right>
                <van-icon name="ellipsis" size="22" color="#000" />
            </template> -->
        </van-nav-bar>
        <div  style="margin-top: 35px;margin-left: 15px;margin-right: 15px;max-width: 100%;" class="divcon">
            <div v-html="safeHtml"></div>
        </div>
    </div>
</template>

<script>
import { getArticle } from '@/api/user'
import DOMPurify from 'dompurify';


export default {
    name: 'User',
    components: {

    },
    data() {
        return {
            rawHtml: '',
            safeHtml: ""
        };
    },
    created() {
        this.getArticle()
    },
    methods: {
        getArticle() {
            let that = this
            getArticle({ ids: "2" }).then((res) => {
                that.safeHtml = (res.data.content);

            })
        },
        onClickLeft() {
            this.$router.back()
        }
    },

    computed: {

    }
}
</script>

<style scoped>
.user{
    background-color: #fff;
    /* height: 100vh; */
}
/deep/.divcon p>span{
    text-wrap: balance !important;
    /* background-color: #fff !important; */
}
</style>